<template>
	<view>
		<nav-bar bgColor="#f5f5f5"></nav-bar>
        <!-- 公共组件-每个页面必须引入 -->
        <public-module></public-module>
		<view class="receipt_success_info">
			<image src="../../../static/icon/ic_successful.png" mode="aspectFit"></image>
			<text>确认收货成功</text>
		</view>
		<view class="receipt_integral_amount">
			<text>已成功获得200积分</text>
			<button>积分商城</button>
		</view>
		<view class="receipt_success_btn">
			<button class="yes">确定</button>
			<button class="evaluate">去评价</button>
		</view>
		<recommend-goods ref="recommend"></recommend-goods>
	</view>
</template>

<script>
import recommendGoods from '@/components/module/recommend_goods.vue'
export default {
	data() {
		return {};
	},
	components:{
		recommendGoods
	},
	//第一次加载
	onLoad(e) {},
	//页面显示
	onShow() {},
	//方法
	methods: {
		onPageJump(url) {
			uni.navigateTo({
				url: url
			});
		}
	},
	//页面隐藏
	onHide() {},
	//页面卸载
	onUnload() {},
	//页面下来刷新
	onPullDownRefresh() {},
	//页面上拉触底
	onReachBottom() {
		this.$refs.recommend.loadMore();
	},
	//用户点击分享
	onShareAppMessage(e) {
		return this.wxShare();
	}
};
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.receipt_success_info {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 50rpx;
	margin: 0rpx 30rpx;
	> image {
		width: 60rpx;
		height: 60rpx;
	}
	> text {
		padding: 30rpx 0rpx 40rpx 0rpx;
	}
}
.receipt_integral_amount{
	background-image: url('../../../static/icon/img_integration.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0rpx 30rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 90rpx;
	padding: 0rpx 40rpx;
	>text{
		font-size: 28rpx;
		color: #9a5500;
		margin-left: 100rpx;
	}
	>button{
		width: 140rpx;
		height: 40rpx;
		background-color: #bb852e;
		border-radius: 20rpx;
		color: #fefefe;
		line-height: 40rpx;
		font-size: 24rpx;
	}
}
.receipt_success_btn{
	padding: 30rpx 0rpx;
	margin: 0rpx 30rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	>button{
		width: 330rpx;
		height: 88rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 28rpx;
	}
	.yes{
		background: $viceColor;
		color: $themeColor;
	}
	.evaluate{
		@include  theme('gradient_bg');
		color: #ffffff;
	}
}
.receipt_recommend_container{
	.receipt_recommend_text{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		padding-top: 80rpx;
		>text{
			white-space: nowrap;
			font-size: 32rpx;
			color: $themeColor;
		}
	}
}
</style>
